<p>demo-master works!</p>

<section class="box" id="myDiv">
  <div class="tbox" nz-row>
    <div class="imgs" nz-col nzSpan="2">图片</div>
    <div nz-col nzSpan="12">
      <div>中山大学附属第一医院</div>
      <div>超声检查报告单</div>
    </div>
    <!-- <input nz-input placeholder="Basic usage" [disabled]="true" /> -->
  </div>
  <hr>
  <form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">
    <nz-form-item>
      <nz-form-label [nzSpan]="2" nzRequired>姓名</nz-form-label>
      <nz-form-control [nzSpan]="4">
        <input nz-input placeholder="请输入" formControlName="name" />
        <!-- <input nz-input [ngModel]="validateForm.value.name" placeholder="请输入" formControlName="name"
            [disabled]="true" /> -->
      </nz-form-control>

      <nz-form-label [nzSpan]="2">性别</nz-form-label>
      <nz-form-control [nzSpan]="4">
        <nz-select nzAllowClear nzPlaceHolder="请选择" formControlName="sex">
          <nz-option nzValue="1" nzLabel="男"></nz-option>
          <nz-option nzValue="0" nzLabel="女"></nz-option>
        </nz-select>
      </nz-form-control>

      <nz-form-label [nzSpan]="2">年龄</nz-form-label>
      <nz-form-control [nzSpan]="4">
        <input nz-input placeholder="请输入" formControlName="age" type="number" />
      </nz-form-control>

      <nz-form-label [nzSpan]="2">科室</nz-form-label>
      <nz-form-control [nzSpan]="4">
        <input nz-input placeholder="请输入" formControlName="departmentId" />
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSpan]="2">超声号</nz-form-label>
      <nz-form-control [nzSpan]="4">
        <input nz-input placeholder="请输入" formControlName="ultrasoundNumber" />
      </nz-form-control>

      <nz-form-label [nzSpan]="2">检查部位</nz-form-label>
      <nz-form-control [nzSpan]="4">
        <input nz-input placeholder="请输入" formControlName="jcbw" />
      </nz-form-control>


      <nz-form-label [nzSpan]="2">初复诊</nz-form-label>
      <nz-form-control [nzSpan]="4">
        <nz-select nzAllowClear nzPlaceHolder="请选择" formControlName="cfz">
          <nz-option nzValue="0" nzLabel="初诊"></nz-option>
          <nz-option nzValue="1" nzLabel="复诊"></nz-option>
        </nz-select>
      </nz-form-control>

      <nz-form-label [nzSpan]="2">日期</nz-form-label>
      <nz-form-control [nzSpan]="4">
        <nz-date-picker style="width: 100%;" nzShowTime formControlName="datePickerTime"></nz-date-picker>
      </nz-form-control>
    </nz-form-item>
    <hr>
    <nz-form-item>
      <!-- <div class="clearfix">
        <nz-upload [nzMultiple]="true" nzAction="https://test.dingsing-medical.com/api/file/upload"
          nzListType="picture-card" [(nzFileList)]="fileList" [nzShowButton]="fileList.length < 8"
          [nzPreview]="handlePreview">
          <div>
            <span nz-icon nzType="plus"></span>
            <div style="margin-top: 8px">Upload</div>
          </div>
        </nz-upload>
        333
        <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null"
          (nzOnCancel)="previewVisible = false">
          <ng-template #modalContent>
            <img [src]="previewImage" [ngStyle]="{ width: '100%' }" />
          </ng-template>
        </nz-modal>
      </div> -->
      <div style="width: 100%;">
        <app-slider-label></app-slider-label>
      </div>
    </nz-form-item>
    <hr>
    <nz-form-item>
      <nz-form-label [nzSpan]="2">超声描述</nz-form-label>
      <nz-form-control [nzSpan]="22">
        <textarea nz-input placeholder="请输入" [nzAutosize]="{ minRows: 6, maxRows: 8 }"
          formControlName="csms"></textarea>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSpan]="2">超声提示</nz-form-label>
      <nz-form-control [nzSpan]="22">
        <textarea nz-input placeholder="请输入" [nzAutosize]="{ minRows: 4, maxRows: 6 }"
          formControlName="csts"></textarea>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSpan]="2">建议</nz-form-label>
      <nz-form-control [nzSpan]="22">
        <textarea nz-input placeholder="请输入" [nzAutosize]="{ minRows: 2, maxRows: 4 }"
          formControlName="proposal"></textarea>
      </nz-form-control>
    </nz-form-item>

    <hr>
    <nz-form-item [nzJustify]="'space-between'">
      <!-- <span>[ 此报告仅供临床医生参考，不做其他用途。]</span> -->
      <nz-form-label [nzNoColon]="true">[ 此报告仅供临床医生参考，不做其他用途。]</nz-form-label>
      <nz-form-label [nzSpan]="8">检查医师</nz-form-label>
      <nz-form-control [nzSpan]="4">
        <input nz-input placeholder="请输入" formControlName="jcys" />
      </nz-form-control>
      <nz-form-label [nzSpan]="2">报告时间</nz-form-label>
      <nz-form-control [nzSpan]="4">
        <input nz-input placeholder="请输入" formControlName="bgsj" />
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-control [nzOffset]="7" [nzSpan]="12">
        <button nz-button nzType="primary">提交</button>
        <button style="margin-left: 12px;" nz-button (click)="resetForm($event)"
          [disabled]="!validateForm.valid">重置</button>
      </nz-form-control>
    </nz-form-item>

  </form>

  <button nz-button (click)="xxxdy()">打印</button>
</section>